<template>

    <div class="account-details">
        <ul class="user-details-info">
            <li>用户账号：wyq</li>
            <li>账号详情：商户</li>
            <li>用户名：幸福西饼</li>
            <li>联系人：张三</li>
            <li>联系电话：18711111111</li>
            <li>地址：北京市朝阳区大望路23号</li>
            <li>注册时间：</li>
        </ul>
        <ul class="user-details-info">
            <li>用户类别：商户</li>
            <li><span style="padding-right: 300px">结算方式：余额扣款</span><span>信用额度：0.00</span></li>
            <li>账号总额：¥260.00</li>
            <li style="overflow:hidden;">
                <ul style="padding-left: 50px">
                    <li style="float: left">充值余额：¥260.00</li>
                    <li style="float: left;padding-left: 230px">奖励余额：¥260.00</li>
                </ul>
            </li>
        </ul>
        <ul class="user-details-info" style="overflow:hidden;">
            <li><span style="padding-right: 300px">累计充值额度：¥12000.00</span><span>累计奖励额度：¥12000.00</span></li>
            <li>累计单量：360件</li>

        </ul>
        <ul class="user-details-info" style="list-style: disc inside">
            <li>城市+产品项+区域+结算价格</li>
            <li>北京        准时达        25元/单</li>
            <li>北京        限时达        25元/单</li>
            <li>上海        限时达        东区          25元/单</li>
        </ul>

    </div>

</template>
<script>
    export default {
        name: 'UserDetails',
        components: {},
        data() {
            return {
            }
        },
        methods: {}
    }
</script>


<style scoped lang="less">
    .account-details{
        h3{
            color: #000;
            padding-top: 30px;
        }
        h3:nth-child(1){
            padding-top: 0px;
        }
        .user-details-info{

            padding: 10px 20px;
            li{
                background-color: #eee;
                line-height: 20px;
                padding: 6px 10px;
            }
        }
    }

</style>

